﻿<?php
$this->title = "首页-西部资产";
?>
<link rel="stylesheet" href="/css/index.css">


<script type="text/javascript" src="../js/lib/jquery.SuperSlide.js"></script>
<script type="text/javascript" src="../js/lib/jquery.quickflip.min.js"></script>

<div id="banner">
    <div class="fullSlide">
        <div class="bd">
            <ul>
                <?php foreach($banner as $v){?>
                    <li style="background: url('<?= $v['content'];?>') 50% 0px no-repeat;"><a href="<?= $v['url'];?>"></a></li>
                <?php }?>

            </ul>
        </div>
        <div class="hd">
            <ul>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </div>
    <script type="text/javascript">
        jQuery(".fullSlide").slide({ titCell:".hd li", mainCell:".bd ul", effect:"fold",  autoPlay:true, delayTime:700 });
    </script>

</div>
<div id="mainContent">
    <div class="box capital_info">
        <p class="capital_tit">截至当前西部资产累计成交额（元）</p>
        <div class="capital_total">
            <div class="captial_num">123456789</div>
            <div class="quickFlip">
                <div class="panel1"></div>
                <div class="panel2"></div>
            </div>
            <div class="quickFlip">
                <div class="panel1"></div>
                <div class="panel2"></div>
            </div>
            <div class="quickFlip">
                <div class="panel1"></div>
                <div class="panel2"></div>
            </div>
            <div class="quickFlip">
                <div class="panel1"></div>
                <div class="panel2"></div>
            </div>
            <div class="quickFlip_tips">万</div>
            <div class="quickFlip">
                <div class="panel1"></div>
                <div class="panel2"></div>
            </div>
            <div class="quickFlip">
                <div class="panel1"></div>
                <div class="panel2"></div>
            </div>
            <div class="quickFlip">
                <div class="panel1"></div>
                <div class="panel2"></div>
            </div>
            <div class="quickFlip">
                <div class="panel1"></div>
                <div class="panel2"></div>
            </div>
            <div class="quickFlip_tips">亿</div>
            <div class="quickFlip">
                <div class="panel1"></div>
                <div class="panel2"></div>
            </div>
            <div class="quickFlip">
                <div class="panel1"></div>
                <div class="panel2"></div>
            </div>
            <div class="quickFlip">
                <div class="panel1"></div>
                <div class="panel2"></div>
            </div>
            <div class="quickFlip">
                <div class="panel1"></div>
                <div class="panel2"></div>
            </div>
        </div>
        <div class="capital_tips">
            <div class="capital_tips_box">
                <span>232345.46<i>万</i><p>累计收益金额</p></span>
            </div>
            <div class="capital_tips_box">
                <span>232345.46<i>万</i><p>累计投资人数</p></span>
            </div>
        </div>
    </div>
    <div class="box safety_info">
        <div class="safety_box">
            <div class="safety_box_bg"><img src="../images/safety_img1.png"></div>
            <div class="safety_box_h_bg"><img src="../images/safety_img1_h.png"></div>
            <p>经过9道程序严格审，第三方专业担保机构进行全额担保。</p>
        </div>
        <div class="safety_box">
            <div class="safety_box_bg"><img src="../images/safety_img2.png"></div>
            <div class="safety_box_h_bg"><img src="../images/safety_img2_h.png"></div>
            <p>为理财人营造一个安全的投资环境，保证投资人的本息安全。</p>
        </div>
        <div class="safety_box">
            <div class="safety_box_bg"><img src="../images/safety_img3.png"></div>
            <div class="safety_box_h_bg"><img src="../images/safety_img3_h.png"></div>
            <p>投资者投资可获得预期10-15%的稳定年化收益。</p>
        </div>
    </div>
    <div class="box box_tit"><img src="../images/box_tit_ico.png">理财产品</div>
    <div class="box pro_info">
        <div class="pro_num">5.6%</div>
        <div class="pro_img_num">
            <span class="integer_box"></span>
            <span class="decimal_box"></span>
        </div>
        <a href="/pocket/bornmoney.html" class="submit_btn">我要赚钱</a>
    </div>
    <div class="box pro_info pro_list">
        <div class="pro_ico"></div>
        <div class="pro_day">
            <div class="pro_day_img"></div>
            <p>投资期限</p>
        </div>
        <div class="pro_txt">
            <p><span>已经有<i><?php echo $day['person'] ?></i>人投入</span>
                <a href="/pocket/salary.html" class="more">详情>></a></p>
            <p>年化收益</p>
            <div class="pro_num"><span class="rpo_num"><i><?php echo $day['rate']/100 ?></i>%</span></div>
            <div class="pro_img_num">
                <span class="integer_box"></span>
                <span class="decimal_box"></span>
            </div>
        </div>
        <div class="pro_btn">
            <div class="pro_input">
                <span>投资金额:</span>
                <input type="text" name="money">
                <span>元</span>
            </div>
            <div class="pro_input">
                <span>预期收益:</span>
                <input type="text" name="money">
                <span>元</span>
            </div>
            <div class="pro_input">
                <span>现金红包:</span>
                <input type="text" name="money">
                <span>元</span>
            </div>
            <div class="pro_input">
                <span>年化券:</span>
                <input type="text" name="money">
                <span>元</span>
            </div>
            <a href="/pocket/salary.html" class="pro_list_btn">我要赚钱</a>
        </div>
    </div>
    <div class="box pro_info pro_list">
        <div class="pro_ico"></div>
        <div class="pro_day">
            <div class="pro_day_img"></div>
            <p>投资期限</p>
        </div>
        <div class="pro_txt">
            <p><span>已经有<i><?php echo $month['person'] ?></i>人投入</span>
                <a href="/pocket/season.html" class="more">详情>></a></p>
            <p>年化收益</p>
            <div class="pro_num"><span class="rpo_num"><i><?php echo $month['rate']/100 ?></i>%</span></div>
            <div class="pro_img_num">
                <span class="integer_box"></span>
                <span class="decimal_box"></span>
            </div>
        </div>
        <div class="pro_btn">
            <div class="pro_input">
                <span>投资金额:</span>
                <input type="text" name="money">
                <span>元</span>
            </div>
            <div class="pro_input">
                <span>预期收益:</span>
                <input type="text" name="money">
                <span>元</span>
            </div>
            <div class="pro_input">
                <span>现金红包:</span>
                <input type="text" name="money">
                <span>元</span>
            </div>
            <div class="pro_input">
                <span>年化券:</span>
                <input type="text" name="money">
                <span>元</span>
            </div>
            <a href="/pocket/season.html" class="pro_list_btn">我要赚钱</a>
        </div>
    </div>
    <div class="box pro_info pro_list">
        <div class="pro_ico"></div>
        <div class="pro_day">
            <div class="pro_day_img"></div>
            <p>投资期限</p>
        </div>
        <div class="pro_txt">
            <p> <span>已经有<i><?php echo $season['person'] ?></i>人投入</span><a href="/pocket/halfyear.html" class="more">详情>></a></p>
            <p>年化收益</p>
            <div class="pro_num"><span class="rpo_num"><i><?php echo $season['rate']/100 ?></i>%</span></div>
            <div class="pro_img_num">
                <span class="integer_box"></span>
                <span class="decimal_box"></span>
            </div>
        </div>
        <div class="pro_btn">
            <div class="pro_input">
                <span>投资金额:</span>
                <input type="text" name="money">
                <span>元</span>
            </div>
            <div class="pro_input">
                <span>预期收益:</span>
                <input type="text" name="money">
                <span>元</span>
            </div>
            <div class="pro_input">
                <span>现金红包:</span>
                <input type="text" name="money">
                <span>元</span>
            </div>
            <div class="pro_input">
                <span>年化券:</span>
                <input type="text" name="money">
                <span>元</span>
            </div>
            <a href="/pocket/halfyear.html" class="pro_list_btn">我要赚钱</a>
        </div>
    </div>
    <div class="box pro_info pro_list">
        <div class="pro_ico"></div>
        <div class="pro_day">
            <div class="pro_day_img"></div>
            <p>投资期限</p>
        </div>
        <div class="pro_txt">
            <p> <span>已经有<i><?php echo $halfyear['person'] ?></i>人投入</span><a href="/pocket/year.html" class="more">详情>></a></p>
            <p>年化收益</p>
            <div class="pro_num"><span class="rpo_num"><i><?php echo $halfyear['rate']/100 ?></i>%</span></div>
            <div class="pro_img_num">
                <span class="integer_box"></span>
                <span class="decimal_box"></span>
            </div>
        </div>
        <div class="pro_btn">
            <div class="pro_input">
                <span>投资金额:</span>
                <input type="text" name="money">
                <span>元</span>
            </div>
            <div class="pro_input">
                <span>预期收益:</span>
                <input type="text" name="money">
                <span>元</span>
            </div>
            <div class="pro_input">
                <span>现金红包:</span>
                <input type="text" name="money">
                <span>元</span>
            </div>
            <div class="pro_input">
                <span>年化券:</span>
                <input type="text" name="money">
                <span>元</span>
            </div>
            <a href="/pocket/year.html" class="pro_list_btn">我要赚钱</a>
        </div>
    </div>
	 <div class="box box_tit">合作机构</div>
    <div class="box">
       
        <ul class="box link_info">
            <?php foreach($link as $v) {?>
                <li style="background: url('<?= $v['thumb'];?>') 50% 0px no-repeat;"><a href="<?= $v['url'];?>"></a></li>
            <?php } ?>
        </ul>
        <ul class="link_list">

        </ul>
    </div>
</div>
<script type="text/javascript">
    $(function(){

        <!-- 首页图片轮播 -->
        $('.fullSlide').slide({ mainCell:'.bd ul', effect:'fold',  autoPlay:true, delayTime:700 });
        <!-- 年化收益数字变换 -->
        $('.pro_info').each(function(index){
            var html = '';
            var html_dot = '';
            var text = $(this).find('.pro_num').text();
            var process = text.substring(0, text.length-1);
            //整数部分
            var mun = parseInt(process);
            var shiwei = digital(mun)[0];
            var gewei = digital(mun)[1];
            if(shiwei!=0){
                html = '<i class="pro_img_num_' + gewei + '"></i><i class="pro_img_num_' + shiwei + '"></i>';
            }else{
                html = '<i class="pro_img_num_' + gewei + '"></i>';
            }
            $(this).find('.integer_box').append(html);
            //小数部分
            var mun_dot = Math.round((process-mun)*100);
            var geiwei_dot = digital(mun_dot)[0];
            var shiwei_dot = digital(mun_dot)[1];
            html_dot = '<i class="pro_img_num_' + shiwei_dot + '"></i><i class="pro_img_num_' + geiwei_dot + '"></i>';
            $(this).find('.decimal_box').append(html_dot);
        });
        function digital(mun){
            var shiwei = parseInt(mun/10);
            var gewei = mun%10;
            var names = new Array(shiwei,gewei);
            return names;
        }
        <!-- 累计金额数字变换 -->
        var cap_num = $('.capital_info').find('.captial_num').text();
        var diff_mun = 12-cap_num.length;
        var arr = [0,0,0,0,0,0,0,0,0,0,0,0];
        for(var i=0+diff_mun,n=0;i<12;i++,n++){
            arr[i] = cap_num.substring(n,n+1);
        }
        arr.reverse();
        $('.quickFlip').each(function(index){
            $(this).find('.panel1').text(arr[index]);
            $(this).find('.panel2').addClass('cap_num_'+arr[index]);
            $(this).quickFlipper({},1);
        })
        $('.quickFlip').quickFlip();
    })
</script>
<?php $this->beginContent('@app/views/layouts/footer_default.php'); ?>
<?php $this->endContent(); ?>
